.dp-container{
  position: relative;
  &::before{
    content: '请选择时间';
    width: 100%;
    padding: 10px 0 0;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: -140px;
    background: #fff
  }
  .dp-header{
    position: absolute;
    bottom: 10px;
    height: 100px;
    display: flex;
    justify-content: space-evenly;
    align-items: center; 
    flex-direction: column-reverse;
    padding: 0 20px;
    box-sizing: border-box;
    .dp-item{
      width: 100%;
      text-align: center;
      padding: 0;
      border-radius: 8px;
      margin: 5px 0;
      &.vux-datetime-confirm{
        border: 1px solid rgb(114, 22, 189);
        background-color:rgba(114, 22, 189, 0.8);
        color: #fff;
      }
      &.vux-datetime-cancel{
        border: 1px solid rgb(114, 22, 189);
      }
      &.vux-datetime-clear{
        display: none;
      }
    }
  }
  .dp-content{
    position: relative;
    top: -100px;
    background: #fff;
    z-index: -1;
  }
}